<script setup lang="ts">
import { useUserStore } from "@/store";

const userStore = useUserStore();
</script>

<template>
  <div class="register-info">
    <h3>恭喜您，已完成注册！</h3>
    <h3>用户名：{{ userStore.name }}</h3>
    <h3>密码：{{ userStore.pwd }}</h3>
    <h3>请牢记您的用户名和密码！</h3>
  </div>
</template>

<style scoped>
.register-info {
  display: flex;
  flex-direction: column; /* 垂直排列 */
  align-items: center; /* 水平居中 */
  height: 100vh; /* 容器高度设为视口高度 */
  text-align: center; /* 确保文本水平居中 */
}
</style>
